<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <!--书写方式2  通过选择器，在style标签书写  -->
    <style>
        /* 找到这些元素 */
        #id {
            /* 然后你就把你的属性加上去 */

        }
        .class {

        }
        div {

        }
    </style>
    <!-- 书写方式3 通过css文件,先引来这个文件 -->
    <link rel="stylesheet" href="./css/test.css">
</head>
<body>
    <!-- 书写方式1 通过style属性，直接找到你的这个标签，然后加上style标签，就可以写了 -->
    <p style="color: red;font-size: larger;">我是一段很长的段落也不知道有没有跟小编有同感的童鞋，随着技术的逐(ri)渐(yi)提(tui)升(bu)，对于一些底层的概念性的知识点却有些遗忘。有时候知道是这么个意思，但是表述出来的时候也没能完整的说到点子上。出现此现象的时候，小编觉得是时候该做点什么了（嗯！）。
    以下是小编就这HTML常见的问题整理出来的知识点，后继还会出CSS，JS相关系列的文章，用于整理以及巩固基础。本篇着重针对的是萌新以及像小编一样对于一些基础概念性的东西有遗忘的童鞋，亦可作为处于跳槽阶段的童鞋作为温习的文章，若有记忆超凡的大佬请跳过。
    作者：别催我码的慢
    链接：https://juejin.cn/post/6844904180943945742
    来源：稀土掘金
    著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。</p>
    <!-- 书写方式2  通过选择器(先定义) -->
    <!-- id -->
    <div id="id">我是id</div>
    <!-- class -->
    <div class="class">我是class</div>
    <!-- 元素名 -->
    <div>我是元素名</div>
</body>
</html>